<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动：环绕效果</title>
		<style>
			img{
				float: left;
				/* 文字图片加间距 */
				margin: 40px ;
			}
			p{
				font-size: 16px;
				line-height: 20px;
			}
		</style>
	</head>
	<body>
		<img src="img/杰瑞.png" width="300px" height="300px" alt="杰瑞" />
		<p>
			Lorem ipsum dolor, sit amet consectetur adipisicing elit. Expedita natus illum ea a, quia nisi omnis dolores amet quis eum vitae in! Quos adipisci alias quia architecto totam sit aliquam?
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus tempore repellendus alias itaque vitae aliquam dolore illo facere fuga veritatis. Asperiores reprehenderit ab cum assumenda rerum saepe aut fugit cumque.
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo cupiditate provident repellendus illum itaque ipsa maiores repellat aut laudantium quo. Sed eius facilis sequi fugit, omnis deleniti error alias reprehenderit!
			Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dicta saepe repudiandae mollitia officiis nobis commodi perferendis illum quasi, natus tenetur cupiditate id nihil, quia consequuntur nisi rem animi distinctio voluptas.
		</p>
	</body>
</html>